<template>
    <div class="transactions-box">
         <div class="transactions-list">
                 <REQUEST/>
            </div>
            <div class="transactions-list">
               <NOTIFFICATION/>
        </div>
    </div>
           
</template>

<script setup>
import NOTIFFICATION from "./notification/layout.vue"
import REQUEST from"./request/layout.vue"


</script>

<style  scoped>
.transactions-list{
    width: 100%;
    height: 50%;
    display: flex;
    padding: 5px;
    border-radius: 8px;
}

.transactions-box{
    display: flex;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    flex-direction: column;
    background:linear-gradient(45deg,#8cb0ee,#a7e9c8);
}
</style>